<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <!-- 理想视口的标准的写法 -->
  <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no">
  <title>MMB</title>
  <link rel="stylesheet" href="./lib/font-awesome/css/font-awesome.css">
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/index.css">
</head>

<body>
  <!-- 省钱控导航 -->
  <header>
    <div class="left">
        <img src="./images/header_logo.png" alt="">
    </div>
    <div class="right">
        <img src="./images/header_app.png" alt="">
    </div>
</header>

  <!-- 省钱控商品 -->
  <div class="view">
    <div class="container">
      <ul class="nav">
        <!-- <li>
          <a href="javascript:;" class="pic">
            <img src="./images/01.jpg" alt="">
          </a>
          <div class="info">
            <div class="title">
                hansgrohe 汉斯格雅  27223L  双飞雨220恒温花洒套装 
                <span>2498元包邮（需用券）</span>
            </div>
            <div class="other">
                <span class="mall">苏宁易购 | 08-06 21:50</span>
                <span>评论0</span>
            </div>
          </div>
        </li> -->
      </ul>
      <div class="page">
        <a href="javascript:;" id="pre">上一页</a>
        <select name="" id="selectPage">
          
          <!-- option标签占坑 -->

        </select>
        <a href="javascript:;" id="next">下一页</a>
      </div>
    </div>
  </div>

  <!-- 省钱控尾部 -->
  <div class="foot">
    <div class="Menu">
      <a href="javascript:;">
        首页
      </a>
      &nbsp;>&nbsp;省钱控
    </div>
    <div class="foot_up">
        <a href="javascript:;">登陆</a>
        <a href="javascript:;">注册</a>
        <a href="#top">返回顶部</a>
    </div>
    <div class="foot_down">
        <a href="#">手机APP下载</a> <a href="#">慢慢买手机版</a> - 掌上比价平台<br>m.manmanbuy.com
    </div>
</div>
  


</body>

<!-- 模板 -->
<!-- <script id="navTpl" type="text/html">
  {{each arr value index }}
  <a href="{{value.titlehref}}">
     {{@ value.img}}
      <p>{{value.name}}</p>
    </a>
{{/each}}
 </script> -->
<script id="navTpl" type="text/html">
  {{each arr value index }}
    <li>
      <a href="./moneyctrlproduct.html?productid={{value.productId}}">
        <div class="pic">
          {{@ value.productImgSm}}
        </div>
        <div class="info">
          <div class="title">
              {{value.productName}}
              <span>{{value.productPinkage}}包邮（需用券）</span>
          </div>
          <div class="other">
              <span class="mall">{{value.productFrom}} | {{value.productTime}}</span>
              <span><img src="./images/评论.png" alt="">{{value.productComCount}}</span>
          </div>
        </div>
      </a>
    </li>
  {{/each}}
 </script>
<!-- 模板 -->

<script></script>
<!-- 模板引擎 -->
<script src="./lib/arttemplate/template-web.js"></script>
<!-- zepto -->
<script src="./lib/zepto/zepto.js"></script>
<!-- 公共js -->
<script src="./js/common.js"></script>
<!-- index.js -->
<script src="./js/index.js"></script>

</html>